<admintpl file="header" />
<style type="text/css">
.pic-list li {
	margin-bottom: 5px;
}
.w60{
	width:100px !important;
	display:block;
	float:left;	
	text-align:right;
	line-height:32px;
}
.controls_box_box{
	display:block;
	float:left;
}
</style>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}"> 
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Exams/index')}">考试管理</a></li>
			<li class="active"><a href="{:U('Exams/add',array('term'=>empty($term['term_id'])?'':$term['term_id']))}" target="_self">添加考试</a></li>
			<li><a href="{:U('Exams/recyclebin',array('term'=>empty($term['term_id'])?'':$term['term_id']))}" target="_self">考试回收站</a></li>
			
		</ul>
		<form action="{:U('Exams/add_exam')}" method="post" class="form-horizontal js-ajax-forms">
			<div class="row-fluid">
					<table class="table table-bordered">
						<tr>
							<th width="80">考试名称</th>
							<td>
								<input type="text" style="width:400px;" name="exam_name" id="exam_name" required value="" placeholder="请输入考试名称"/>
							</td>
						</tr>
						<tr>
							<th width="80">所属分类</th>
							<td>
								<select style="max-height: 100px;" name="exam_term" id="exam_term">{$taxonomys}</select>
							</td>
						</tr>
						<tr>
							<th width="80">考试状态</th>
							<td>
								<select style="max-height: 100px;" name="exam_status" id="exam_status">
								<option value="0">启用</option>
								<option value="1">停用</option>
								</select>
							</td>
						</tr>						
						<tr>
							<th>开考时间</th>
							<td>
								<input type="text" style="width:80px;" class="J_date" name="exam_start_time[day]" id="exam_start_time[day]" required value="" placeholder="日期"/>
								<select style="width: 60px;" name="exam_start_time[hour]" id="exam_start_time[hour]">
								<for start="0" end="60">
								<option>{$i}</option>
								</for>
								</select>时
								<select style="width: 60px;" name="exam_start_time[min]" id="exam_start_time[min]">
								<for start="0" end="60">
								<option>{$i}</option>
								</for>
								</select>分
								<span class="form-required">*</span>
							</td>
						</tr>						
						<tr>
							<th>考试时长</th>
							<td>
								<input type="text" style="width:200px;" name="exam_duration" id="exam_duration" required value="60" placeholder="请输入考试时长"/>分钟
								<span class="form-required">*</span>
							</td>
						</tr>						
						<tr>
							<th width="80">考试试卷</th>
							<td>
								<select multiple="multiple" name="exam_status" id="exam_status">
								<volist name="paper_list" id="paper">
								<option value="{$paper.id}">[ID:{$paper.id}]{$paper.paper_name}</option>
								</volist>
								</select>
							</td>
						</tr>
						<tr>
							<th width="80">考试资格</th>
							<td>
								<volist name="paper_list" id="paper">
								<label class="checkbox"><input type="checkbox" name="gate_{$paper.id}" value="{$paper.id}" />[ID:{$paper.id}]{$paper.paper_name}</label>
								</volist>
							</td>
						</tr>	
						<tr>
							<th>考试排序</th>
							<td><input type="text" name="listorder" id="listorder" value="" style="width: 200px" placeholder="选填">值越小越先前 </td>
						</tr>
						<tr>
							<th>作者/来源</th>
							<td><input type="text" name="exam_source" id="exam_source" value="" style="width: 200px" placeholder="请输入作者/来源"></td>
						</tr>
					</table>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Exams/index')}">返回</a>
			</div>
		</form>
		<div id="modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button aria-hidden="true" class="close" type="button" data-dismiss="modal">×</button>
				<h3 id="myModalLabel">
					试题列表
				</h3>
			</div>
			<div class="modal-body" id="modal-body">asdasdasdasdsa</div>
			<div class="modal-footer">
				 <button aria-hidden="true" class="btn" data-dismiss="modal">完成</button>
			</div>
		</div>
		
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
$(function() {
	$('.radio input:radio').change(function(){
		if($(this).val()==1){
			$('.modal-box').show();
			$('.level-box').hide();
		}
		else{
			$('.modal-box').hide();
			$('.level-box').show();
		}
	});
	$('.radio input:radio').change();
	$(".sortable").sortable({
      placeholder: "ui-state-highlight"
    });
	$(".sortable").disableSelection();
	$(".js-ajax-close-btn").on('click', function(e) {
		e.preventDefault();
		Wind.use("artDialog", function() {
			art.dialog({
				id : "question",
				icon : "question",
				fixed : true,
				lock : true,
				background : "#CCCCCC",
				opacity : 0,
				content : "您确定需要关闭当前页面嘛？",
				ok : function() {
					setCookie("refersh_time", 1);
					window.close();
					return true;
				}
			});
		});
	});
	/////---------------------
	Wind.use('validate', 'ajaxForm', 'artDialog', function() {
		//javascript
		var date_btns = $("input.J_date");
		if(date_btns.length) {
			Wind.use('datePicker',function() {
				date_btns.datePicker();
			});
		}
		
		var form = $('form.js-ajax-forms');
		//ie处理placeholder提交问题
		if ($.browser && $.browser.msie) {
			form.find('[placeholder]').each(function() {
				var input = $(this);
				if (input.val() == input.attr('placeholder')) {
					input.val('');
				}
			});
		}

		var formloading = false;
		//表单验证开始
		form.validate({
			//是否在获取焦点时验证
			onfocusout : false,
			//是否在敲击键盘时验证
			onkeyup : false,
			//当鼠标掉级时验证
			onclick : false,
			//验证错误
			showErrors : function(errorMap, errorArr) {
				console.log(errorMap);
				//errorMap {'name':'错误信息'}
				//errorArr [{'message':'错误信息',element:({})}]
				//try {
					$(errorArr[0].element).focus();
					art.dialog({
						id : 'error',
						icon : 'error',
						lock : true,
						fixed : true,
						background : "#CCCCCC",
						opacity : 0,
						content : errorArr[0].message,
						cancelVal : '确定',
						cancel : function() {
							$(errorArr[0].element).focus();
						}
					});
				//} catch (err) {
				//}
			},
			//验证规则
			rules : {
				'exam_score' : {
					required : true
				},
				'exam_choose_type' : {
					required : true,
					editorcontent : true
				}
			},
			//验证未通过提示消息
			messages : {
				'exam_score' : {
					required : '请填写考试分数'
				},
				'exam_choose_type' : {
					required : '请选择选题方式',
				}
			},
			//给未通过验证的元素加效果,闪烁等
			highlight : false,
			//是否在获取焦点时验证
			onfocusout : false,
			//验证通过，提交表单
			submitHandler : function(forms) {
				if (formloading)
					return;
				$(forms).ajaxSubmit({
					url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
					dataType : 'json',
					beforeSubmit : function(arr, $form, options) {
						formloading = true;
					},
					success : function(data, statusText, xhr, $form) {
						formloading = false;
						if (data.status) {
							setCookie("refersh_time", 1);
							//添加成功
							Wind.use("artDialog", function() {
								art.dialog({
									id : "succeed",
									icon : "succeed",
									fixed : true,
									lock : true,
									background : "#CCCCCC",
									opacity : 0,
									content : data.info,
									button : [ {
										name : '继续添加？',
										callback : function() {
											reloadPage(window);
											return true;
										},
										focus : true
									}, {
										name : '返回列表页',
										callback : function() {
											location = "{:U('Exams/index')}";
											return true;
										}
									} ]
								});
							});
						} else {
							artdialog_alert(data.info);
						}
					}
				});
			}
		});
	});
	////-------------------------
});
	</script>
</body>
</html>